<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html lang="en">
	<head>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/assets/js/jquery.validate.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>
	<script >
	function showshow() {
		var msg = "您真的确定要删除吗？\n\n请确认！";
		if (confirm(msg)==true){
		return true;
		}else{
		return false;
		}
		}
	
	$(function(){
		$('.show-test').click(function(){
			var testId=$(this).parent().siblings().eq(1).text();
			
			$.ajax({
				type:'POST',
				url:'${pageContext.request.contextPath}/teacher/getTestById',
				data:{
					testId: testId
				},
				dataType:"json",
				success: function(data){
					
					$('#showTestModal .sub-name').text(data.subName);
					$('#showTestModal .content').text(data.content);
					$('#showTestModal .test-type').text(data.examTestType.testType);
					$('#showTestModal .test-type-score').text(data.examTestType.testTypeScore);
					$('#showTestModal .choose-a').text(data.chooseA);
					$('#showTestModal .choose-b').text(data.chooseB);
					$('#showTestModal .choose-c').text(data.chooseC);
					$('#showTestModal .choose-d').text(data.chooseD);
					$('#showTestModal .answer').text(data.answer);
					
				}
			})
			$('#showTestModal').modal('show');
			
		})
	
	//下拉框
	
		$('#addTestBtn').click(function(){
			$.ajax({
				type:'POST',
				url:'${pageContext.request.contextPath}/teacher/getSubjectAndTypes',
				data:{},
				dataType:"json",
				success:function(data){
					
					$('#addTestFrom select[name="subId"]').empty();
					$('#addTestFrom select[name="testType"]').empty();					
					$.each(data.subjectList,function(index,item){
						$('#addTestFrom select[name="subId"]').append('<option  value="'+item.subId+'">'+item.subName+'</option>');
					})
					$.each(data.testtypeList,function(index,item){
						$('#addTestFrom select[name="testType"]').append('<option value="'+item.id+'" score="' +item.testTypeScore+ '">'+item.testType+'</option>');
					})
					$('#addTestFrom select[name="testType"]').trigger('change');
				}
			})
			$('#addTestModal').modal('show');
		})
	
	//类型改变时
	$('#addTestFrom select[name="testType"]').change(function(){
		var score = $(this).find("option:selected").attr("score");
		$('#addTestFrom .testTypeScore').text('本题每题'+score+'分');
		
		var testType=$('#addTestFrom select[name="testType"]').val();
		
		if(testType == 1){
			$('#addTestFrom .answerTotal input:radio').show();
			$('#addTestFrom .answerTotal input:checkbox').hide();
			
		}else if(testType == 2){
			$('#addTestFrom .answerTotal input:checkbox').show();
			$('#addTestFrom .answerTotal input:radio').hide();
		}else{
			alert("无这些考题类型");
		}	
	})
	//点击保存按钮时
	$('#addTestSaveBtn').click(function(){
		
		if($('#addTestFrom').valid()){  //拿到输入框中的数据
			var subId=$('#addTestFrom select[name="subId"]').val();
			var testType=$('#addTestFrom select[name="testType"]').val();
		
			var content=$('#addTestFrom textarea[name="content"]').val();
			var chooseA=$('#addTestFrom input[name="chooseA"]').val();
			var chooseB=$('#addTestFrom input[name="chooseB"]').val();
			var chooseC=$('#addTestFrom input[name="chooseC"]').val();
			var chooseD=$('#addTestFrom input[name="chooseD"]').val();
			var answerString ='' ;
			
			if(testType == 1){
				answerString +=$('#addTestFrom input[name="answer"]:radio:checked').val();
				
			}else if(testType == 2){
				var array=$('#addTestFrom input[name="answer"]:checkbox:checked');
				$.each(array,function(index,item){
					answerString +=(index==0 ? $(item).val() :(','+$(item).val()));
					
				})
			}else{
				alert('无这些试题类型');
			}
			$.ajax({
				type:'POST',
				url:'${pageContext.request.contextPath}/teacher/saveTest',
				data:{
					subId:subId,
					name:name,
					'examTestType.id':testType,
					content:content,
					chooseA:chooseA,
					chooseB:chooseB,
					chooseC:chooseC,
					chooseD:chooseD,
					answer:answerString
				},
				dataType:"json",
				success:function(data){
					if(data.success){
						alert('添加成功！');
						window.location.reload();
					}else{
						var messageMap=data.messageMap;
						for(var key in messageMap){
							var value=messageMap[key];
							$('#addTestFrom input[name="'+key+'"]').after('<label class="jsr303-message-label">'+value+'</label>');
						}
						alert('添加失败'+messageMap['message']);
					}
				}
			})
		}
		
		
		})
		$('.edit-test').click(function(){
			var testId=$(this).parent().siblings().eq(1).text();
			$('#testId').val(testId); //将拿到的testid放在隐藏框中
			$.ajax({
				type:'POST',
				url:'${pageContext.request.contextPath}/teacher/getTestById',
				data:{
					testId: testId
				},
				dataType:"json",
				success: function(data1){
					
					//$('#editTestFrom .sub-name').text(data.subName);
					//alert(data.subName);
					
					$('#editTestFrom .content').val(data1.content);
					$('#editTestFrom .testType').val(data1.testType);
					//$('#editTestFrom .testTypeScore').text(data.testTypeScore);
					$('#editTestFrom .chooseA').val(data1.chooseA);
					$('#editTestFrom .chooseB').val(data1.chooseB);
					$('#editTestFrom .chooseC').val(data1.chooseC);
					$('#editTestFrom .chooseD').val(data1.chooseD);
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/getSubjectAndTypes',
						data:{},
						dataType:"json",
						success:function(data){
							
							//alert(data1.testType);
							$('#editTestFrom select[name="subId"]').empty();
							$('#editTestFrom select[name="testType"]').empty();					
							$.each(data.subjectList,function(index,item){
								
								if(data1.subId==item.subId){
									$('#editTestFrom select[name="subId"]').append('<option  value="'+data1.subId+'"selected>'+data1.subName+'</option>');
								}
								else{$('#editTestFrom select[name="subId"]').append('<option  value="'+item.subId+'">'+item.subName+'</option>');
								}
							})
							$.each(data.testtypeList,function(index,item){
								if(data1.testTypeScoreid==item.id){
									
									$('#editTestFrom select[name="testType"]').append('<option value="'+data1.testTypeScoreid+'" score="' +data1.testTypeScore+ '" answer="'+data1.answer+'"selected>'+item.testType+'</option>');
								
								}else{
								$('#editTestFrom select[name="testType"]').append('<option value="'+item.id+'" score="' +item.testTypeScore+ '" >'+item.testType+'</option>');
								}
							})
							$('#editTestFrom .answerTotal input:checkbox').each(function(){
								$(this).attr("checked",false);
							})
							var answer=data1.answer;
							var array=answer.split(",");
							//for(var i=0;i<array.length;i++){
							//	alert(array[i])
							//}
							if(data1.testType =='单选题'){
								$('#editTestFrom .answerTotal input[value='+data1.answer+']').prop("checked","checked");
								
							}else if(data1.testType =='多选题'){
								for(var i=0;i<array.length;i++){
								$('#editTestFrom .answerTotal input[value='+array[i]+']').prop("checked","checked");	
								}
							}
							$('#editTestFrom select[name="testType"]').trigger('change');
						}
					})
					
				}
			})
			
			
			$('#editTestModal').modal('show');
			
			
			
		})
		//类型改变
		$('#editTestFrom select[name="testType"]').change(function(){
		var score = $(this).find("option:selected").attr("score");
		var answer= $(this).find("option:selected").attr("answer");
		
		$('#editTestFrom .testTypeScore').text('本题每题'+score+'分');
		
		var testType=$('#editTestFrom select[name="testType"]').val();
		
		if(testType == 1){
			$('#editTestFrom .answerTotal input:radio').show();
			$('#editTestFrom .answerTotal input:checkbox').hide();
			
		}else if(testType == 2){
			$('#editTestFrom .answerTotal input:checkbox').show();
			$('#editTestFrom .answerTotal input:radio').hide();
		}else{
			alert("无这些考题类型");
		}	
	})
	$('#editTestSaveBtn').click(function(){
		
		if($('#editTestFrom').valid()){  //拿到输入框中的数据
			var subId=$('#editTestFrom select[name="subId"]').val();
			var testType=$('#editTestFrom select[name="testType"]').val();
		
			var content=$('#editTestFrom textarea[name="content"]').val();
			var chooseA=$('#editTestFrom input[name="chooseA"]').val();
			var chooseB=$('#editTestFrom input[name="chooseB"]').val();
			var chooseC=$('#editTestFrom input[name="chooseC"]').val();
			var chooseD=$('#editTestFrom input[name="chooseD"]').val();
			var answerString ='' ;
			var id=$('#testId').val(); //点修改的时候 将这个testId赋值给id
			
			if(testType == 1){
				answerString +=$('#editTestFrom input[name="answer"]:radio:checked').val();
				
			}else if(testType == 2){
				var array=$('#editTestFrom input[name="answer"]:checkbox:checked');
				$.each(array,function(index,item){
					answerString +=(index==0 ? $(item).val() :(','+$(item).val()));
					
				})
			}else{
				alert('无这些试题类型');
			}
			$.ajax({
				type:'POST',
				url:'${pageContext.request.contextPath}/teacher/editTest',
				data:{
					id:id,
					subId:subId,
					name:name,
					testTypeScoreid:testType,
					content:content,
					chooseA:chooseA,
					chooseB:chooseB,
					chooseC:chooseC,
					chooseD:chooseD,
					answer:answerString
				},
				dataType:"json",
				success:function(data){
					if(data.success){
						alert('修改成功！');
						window.location.reload();
					}else{
						var messageMap=data.messageMap;
						for(var key in messageMap){
							var value=messageMap[key];
							$('#addTestFrom input[name="'+key+'"]').after('<label class="jsr303-message-label">'+value+'</label>');
						}
						alert('修改失败'+messageMap['message']);
					}
				}
			})
		}
		
		
		})
	})
	</script>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Tables - Ace Admin</title>

		<meta name="description" content="Static &amp; Dynamic Tables" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/font-awesome.min.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace-fonts.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace.min.css" id="main-ace-style" />

		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace-rtl.min.css" />

		<script src="${pageContext.request.contextPath}/static/assets/js/ace-extra.min.js"></script>
		
				<!-- basic scripts -->

		<!--[if !IE]> -->
		<script type="text/javascript">
			window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->
		<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.bootstrap.js"></script>

		<!-- ace scripts -->
		<script src="${pageContext.request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = 
				$('#sample-table-2')
				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
				.dataTable( {
					bAutoWidth: false,
					"aoColumns": [
					  { "bSortable": false },
					  null, null,null, null, null,
					  { "bSortable": false }
					],
					"aaSorting": [],
			
			    } );
				
			
				$(document).on('click', 'th input:checkbox' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					//var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			
			})
		</script>

		<!-- the following scripts are used in demo only for onpage help and you don't need them -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/docs/assets/js/themes/sunburst.css" />

		<script type="text/javascript"> ace.vars['base'] = '..'; </script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace/elements.onpage-help.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace/ace.onpage-help.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/rainbow.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/generic.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/html.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/css.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/javascript.js"></script>


	</head>

	<body class="no-skin">

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<!-- #section:basics/content.breadcrumbs -->
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
					</script>

					<ul class="breadcrumb">
						<li>
							<i class="ace-icon fa fa-home home-icon"></i>
							<a href="#">Home</a>
						</li>

						<li>
							<a href="#">ExamTest</a>
						</li>
						<li class="active">Teacher</li>
					</ul><!-- /.breadcrumb -->

					<!-- #section:basics/content.searchbox -->
					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="ace-icon fa fa-search nav-search-icon"></i>
							</span>
						</form>
					</div><!-- /.nav-search -->

					<!-- /section:basics/content.searchbox -->
				</div>

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">
					<!-- #section:settings.box -->
					<div class="ace-settings-container" id="ace-settings-container">
						<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
							<i class="ace-icon fa fa-cog bigger-150"></i>
						</div>

						<div class="ace-settings-box clearfix" id="ace-settings-box">
							<div class="pull-left width-50">
								<!-- #section:settings.skins -->
								<div class="ace-settings-item">
									<div class="pull-left">
										<select id="skin-colorpicker" class="hide">
											<option data-skin="no-skin" value="#438EB9">#438EB9</option>
											<option data-skin="skin-1" value="#222A2D">#222A2D</option>
											<option data-skin="skin-2" value="#C6487E">#C6487E</option>
											<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
										</select>
									</div>
									<span>&nbsp; Choose Skin</span>
								</div>

								<!-- /section:settings.skins -->

								<!-- #section:settings.navbar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
									<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
								</div>

								<!-- /section:settings.navbar -->

								<!-- #section:settings.sidebar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
									<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
								</div>

								<!-- /section:settings.sidebar -->

								<!-- #section:settings.breadcrumbs -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
									<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
								</div>

								<!-- /section:settings.breadcrumbs -->

								<!-- #section:settings.rtl -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
									<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
								</div>

								<!-- /section:settings.rtl -->

								<!-- #section:settings.container -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
									<label class="lbl" for="ace-settings-add-container">
										Inside
										<b>.container</b>
									</label>
								</div>

								<!-- /section:settings.container -->
							</div><!-- /.pull-left -->

							<div class="pull-left width-50">
								<!-- #section:basics/sidebar.options -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
									<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
									<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
									<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
								</div>

								<!-- /section:basics/sidebar.options -->
							</div><!-- /.pull-left -->
						</div><!-- /.ace-settings-box -->
					</div><!-- /.ace-settings-container -->

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="page-header">
							<h1>
								Examtest
								<small>
									<i class="ace-icon fa fa-angle-double-right"></i>
									
								</small>
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
							
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
									
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											
											<thead>
											<tr>
	 <td>
	  <a href="changeLocale?localeType=en_US"><spring:message code="page.index.english"/></a>
	 </td>
	 <td>
	  <a href="changeLocale?localeType=zh_CN"><spring:message code="page.index.chinese"/></a>
	 </td>
	 <td colspan="10"><a title="添加考题" class="btn btn-primary btn-xs add-test"  id="addTestBtn">
														<i class="ace-icon fa fa-plus"></i></a></td>
	</tr>
											
												<tr>
													<th class="center">
														<label class="position-relative">
															<input type="checkbox" class="ace" />
															<span class="lbl"></span>
														</label>
													</th>
													<th>题号</th>
													<th>科目</th>
													<th >题干</th>
													<th>选项A</th>
													<th >选项B</th>
													<th >选项C</th>
													<th>选项D</th>
													<th>答案</th>
													<th>题目类型</th>
													<th>题目分数</th>
													<th>操作</th>
												</tr>
											</thead>

											<tbody>
											<c:forEach items="${ExamTest }" var="ExamTest">
												<tr>
													<td class="center">
														<label class="position-relative">
															<input type="checkbox" class="ace" />
															<span class="lbl"></span>
														</label>
													</td>

													<td>${ExamTest.id }</td>
													<td>${ExamTest.subject1.subName }</td>
													<td class="hidden-480">${ExamTest.content }</td>
													<td>${ExamTest.chooseA }</td>
													<td>${ExamTest.chooseB }</td>
													<td>${ExamTest.chooseC }</td>
													<td>${ExamTest.chooseD }</td>
													<td >
														${ExamTest.answer }
													</td>

													<td>${ExamTest.examTestType.testType }</td>
													<td>${ExamTest.examTestType.testTypeScore }分</td>
														<td>
														<a title="查看考题" class="btn btn-primary btn-xs show-test" >
														<i class="ace-icon fa fa-comment"></i></a>
														<a title="修改考题" class="btn btn-primary btn-xs edit-test">
														<i class="ace-icon fa fa-pencil"></i></a>
														<a href="delete/${ExamTest.id }">
															<button class="btn btn-primary btn-xs edit-test" onclick="return showshow()">
																<i class="ace-icon fa fa-trash-o bigger-120"></i>
															</button>
															</a>
														</td>			
														</tr>
														</c:forEach>
														
														
														
								</tbody>
						</table>

														
														
														
														<div class="hidden-md hidden-lg">
															<div class="inline position-relative">
																<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
																	<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
																</button>

																<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																	<li>
																		<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
																			<span class="blue">
																				<i class="ace-icon fa fa-search-plus bigger-120"></i>
																			</span>
																		</a>
																	</li>

																	<li>
																		<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																			<span class="green">
																				<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
																			</span>
																		</a>
																	</li>

																	<li>
																		<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																			<span class="red">
																				<i class="ace-icon fa fa-trash-o bigger-120"></i>
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</td>
												</tr>

												

											
			

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->


		
<!-- 展示信息模态框 -->
<div class="modal fade" id="showTestModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">查看详细考题</h4>
            </div>
            <div class="modal-body">
            	<label>试题科目：&nbsp;&nbsp;</label><span class="sub-name" id="subId"></span><br />
            	<label>题目：&nbsp;&nbsp;</label><span class="content"></span>&nbsp;&nbsp;——&nbsp;&nbsp;(<span class="test-type"></span>)<span class="test-type-score"></span>分<br />
            	<label>A：&nbsp;&nbsp;</label><span class="choose-a"></span><br />
            	<label>B：&nbsp;&nbsp;</label><span class="choose-b"></span><br />
            	<label>C：&nbsp;&nbsp;</label><span class="choose-c"></span><br />
            	<label>D：&nbsp;&nbsp;</label><span class="choose-d"></span><br />
            	<label style="font-weight:hold;">答案：&nbsp;&nbsp;</label><span class="answer" style="font-weight:bold;"></span><br />
            </div>
            
            
            
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
               
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>	
		
<!--添加试题 -模态框  -->
			
			<div class="modal   fade "  id="addTestModal"  role="dialog"  >
									<div class="modal-dialog">
									<div class="modal-content">
									<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									  &times;
										</button>
										<h4 class="modal-title" >
										添加试题
										</h4>
									</div>
									<div class="modal-body">
									<form id ="addTestFrom" method="post">
									<p><label>试题科目:&nbsp;&nbsp;</label><select name="subId"></select></p>
									<p><label>题目类型:&nbsp;&nbsp;</label><select name="testType" ></select><label class="testTypeScore"></label></p>
									<p><label>题干:&nbsp;&nbsp;</label><textarea name="content" cols="50" rows="8" placeholder="填写题目内容"></textarea></p>
									<p><label>选项A:&nbsp;&nbsp;</label><input type="text" name="chooseA" placeholder="填写候选内容 作为选项A的内容" /></p>
									<p><label>选项B:&nbsp;&nbsp;</label><input type="text" name="chooseB" placeholder="填写候选内容 作为选项B的内容" /></p>
									<p><label>选项C:&nbsp;&nbsp;</label><input type="text" name="chooseC" placeholder="填写候选内容 作为选项C的内容" /></p>
									<p><label>选项D:&nbsp;&nbsp;</label><input type="text" name="chooseD" placeholder="填写候选内容 作为选项D的内容" /></p>
									<P><label>答案:</label>
									<span class="answerTotal">
									<input type ="radio" name="answer" value="A" checked />
									<input type="checkbox" name="answer" value="A"/>选项A
									<input type ="radio" name="answer" value="B" checked />
									<input type="checkbox" name="answer" value="B"/>选项B
									<input type ="radio" name="answer" value="C" checked />
									<input type="checkbox" name="answer" value="C"/>选项C
									<input type ="radio" name="answer" value="D" checked />
									<input type="checkbox" name="answer" value="D"/>选项D
									</span>
									</P>
									</form>
									</div>
									<div class="modal-footer">
										 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										 
										 <button  id="addTestSaveBtn"  type="button" class="btn btn-primary" >保存</button>
									</div>
								</div>
							</div>
			</div>
			
			<!--修改试题 -模态框  -->
			
			<div class="modal   fade "  id="editTestModal"  role="dialog"  >
									<div class="modal-dialog">
									<div class="modal-content">
									<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									  &times;
										</button>
										<h4 class="modal-title" >
										修改试题
										</h4>
									</div>
									<div class="modal-body">
									<form id ="editTestFrom" method="post">
									<input type="hidden" id="testId">
									<p><label>试题科目:&nbsp;&nbsp;</label><select name="subId"></select></p>
									<p><label>题目类型:&nbsp;&nbsp;</label><select name="testType" ></select><label class="testTypeScore"></label></p>
									<p><label>题干:&nbsp;&nbsp;</label><textarea name="content" class="content" cols="50" rows="8" placeholder="填写题目内容"></textarea></p>
									<p><label>选项A:&nbsp;&nbsp;</label><input type="text" class="chooseA" name="chooseA" placeholder="填写候选内容 作为选项A的内容" /></p>
									<p><label>选项B:&nbsp;&nbsp;</label><input type="text" class="chooseB" name="chooseB" placeholder="填写候选内容 作为选项B的内容" /></p>
									<p><label>选项C:&nbsp;&nbsp;</label><input type="text" class="chooseC" name="chooseC" placeholder="填写候选内容 作为选项C的内容" /></p>
									<p><label>选项D:&nbsp;&nbsp;</label><input type="text" class="chooseD" name="chooseD" placeholder="填写候选内容 作为选项D的内容" /></p>
									<P><label>答案:</label>
									<span class="answerTotal">
									<input type ="radio" name="answer" value="A" checked />
									<input type="checkbox" name="answer" value="A"/>选项A
									<input type ="radio" name="answer" value="B" checked />
									<input type="checkbox" name="answer" value="B"/>选项B
									<input type ="radio" name="answer" value="C" checked />
									<input type="checkbox" name="answer" value="C"/>选项C
									<input type ="radio" name="answer" value="D" checked />
									<input type="checkbox" name="answer" value="D"/>选项D
									</span>
									</P>
									</form>
									</div>
									<div class="modal-footer">
										 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										 
										 <button  id="editTestSaveBtn"  type="button" class="btn btn-primary" >确定修改</button>
									</div>
								</div>
								
							</div>
			</div>
		
			<div class="footer">
			<div class="footer-inner">
				<!-- #section:basics/footer -->
				<div class="footer-content">
					<span class="bigger-120"> <span class="blue bolder">Ace</span>
						Application &copy; 2013-2014
					</span> &nbsp; &nbsp; <span class="action-buttons"> <a href="#">
							<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
					</a> <a href="#"> <i
							class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
					</a> <a href="#"> <i
							class="ace-icon fa fa-rss-square orange bigger-150"></i>
					</a>
					</span>
				</div>

				<!-- /section:basics/footer -->
			</div>
		</div>

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->
		
</body>
	
</html>
